<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>教师管理平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-table.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/metisMenu.min.css">
    <link rel="stylesheet" href="css/video-js.min.css">
    <link rel="stylesheet" href="css/common.css">

    <!--[if lt IE9] >
   <script type="text/javascript" src="js/html5.js"></script>
   <script type="text/javascript" src="js/placeholder-1.0.min.js"></script>
   <![endif]-->
    <style>
        #file {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer;
        }
        #coverImg .shangchuan{
            position: absolute;
            width: 20%;
            top: 50%;
            left: 50%;
            margin-top: -10px;
            margin-left: -10px;
            overflow: hidden;
        }
        #coverImg .shangchuan img{
            width: 100%;
            bottom: 0;
            right: 0;
        }
        #coverImg {
            width: 100%;
            margin-left: 0px;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }
        #coverImg .col-md-2{
            height: 100px;

        }
        #coverImg .c-p-thumbnail{
            padding: 0;
        }
        #coverImg .c-p-thumbnail img{
            height: 100%;
        }
        #upVideo{
            width: 100%;
            margin-left: 0px;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }
        #upVideo .vjs-big-play-button{
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -3rem;
            margin-top: -1.5rem;
        }
        #upVideo  .shangchuan{
            /*position: absolute;*/
            /*top: 50%;*/
            /*left: 50%;*/
            /*margin-top: -10px;*/
            /*margin-left: -10px;*/
            /*overflow: hidden;*/
        }
        #upVideo  .shangchuan img{
            width: 100%;
            bottom: 0;
            right: 0;
        }
    </style>
</head>
<body>
<div class="common-left">
    <div class="common-left-title c-p-b-b">
        <small>PAGES</small>
        <h4>演播大厅</h4>
    </div>
    <div class="common-nav" >

        <nav class="sidebar-nav">
            <ul id="menu">
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">学校信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./grade.html">
                                年级信息
                            </a>
                        </li>
                        <li>
                            <a href="./b-xinxi.html">
                                班级信息
                            </a>
                        </li>
                    </ul>
                </li>
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">学生信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./student-xinxi.html">
                                学生信息
                            </a>
                        </li>

                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">体育成绩</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a class="on" href="./tiyuxiangmu.html">
                                体育项目
                            </a>
                        </li>
                        <li>
                            <a href="./tiyuchengji.html">
                                体育成绩
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="active">
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">班级动态</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./b-xiangce.html">
                                班级相册
                            </a>
                        </li>
                        <li>
                            <a class="on" href="./yanbodating.html">
                                演播大厅
                            </a>
                        </li>
                    </ul>
                </li>
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">教师信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./teacher.html">
                                教师信息
                            </a>
                        </li>
                        <li>
                            <a href="./pai-moban.html">
                                排课模板
                            </a>
                        </li>
                        <li>
                            <a href="./pai-xinxi.html">
                                排课信息
                            </a>
                        </li>
                        <!--<li>-->
                            <!--<a href="./myclass.html">-->
                                <!--我的课程-->
                            <!--</a>-->
                        <!--</li>-->
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">系统设置</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li>
                            <a href="./password.html">
                                修改密码
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>
        </nav>

    </div>
</div>
<div class="common-top">
    <div class="row">
        <div class="col-md-3 c-p-t">
            <img src="./images/logo.png" alt="">
        </div>
        <div class="common-top-title col-md-3 c-p-f-white">
            <a href="javascript:;">
                班级动态</a> >> <a href="javascript:;">演播大厅</a>
        </div>
        <div class="col-md-6 text-right c-p-t">
            <a href="./login.html" class="btn btn-default">退出</a>
        </div>
    </div>
</div>
<div class="common-main">
    <div class="wrapper">
        <div class="container-fluid">
            <div class="row c-p-b-b">
                <div class="col-md-9">

                </div>
                <div class="col-md-3 text-right">
                    <!--<a class="btn btn-primary" id="btnQuery" href="javascript:;">查询</a>-->
                    <a onclick="add()" class="btn btn-success c-p-m-f" href="javascript:;">添加</a>
                </div>
            </div>
            <div class="common-table c-p-t-l">
                <table id="yb_list" class="text-center">

                </table>
            </div>
        </div>
    </div>
</div>
<div id="add-info"  class="c-p-none">
    <div class="container-fluid">
        <div class="row c-p-t-l">
            <div class="col-md-2 c-p-t text-right">
                标题：
            </div>
            <div class="col-md-10">
                <input type="text" class="form-control" id="title_input">
            </div>
        </div>
        <div class="row c-p-t-l">
            <div class="col-md-2 c-p-t text-right">
                副标题：
            </div>
            <div class="col-md-10">
                <input type="text" class="form-control" id="subhead_input">
            </div>
        </div>
        <div class="row c-p-t-l">
            <div class="col-md-2 c-p-t text-right">
                视频封面：
            </div>
            <div class="col-md-10">
                <div id="coverImg" class="row c-p-p-all ">
                    <div class="col-md-2 c-p-thumbnail pull-left c-p-w-h">
                    <img src="" alt="" id="homePageImg">
                    </div>
                    <div class="col-md-2 c-p-open-file c-p-w-h pull-left">
                        <div class="shangchuan">
                            <input id="file" type="file" name="file" accept="image/*" onchange="upCoverImg(this)">
                            <img src="./images/add.jpg" alt="">
                        </div>
                    </div>


                </div>

            </div>
        </div>
        <div class="row c-p-t-l">
            <div class="col-md-2 c-p-t text-right">
                视频：
            </div>
            <div class="col-md-10">
                <div id="upVideo" class="row c-p-p-all ">
                    <!--<div class="col-md-6 c-p-thumbnail pull-left c-p-w-h">-->
                        <div class="c-p-video" id="videoContent">

                        </div>
                    <!--</div>-->

                    <div class="shangchuan">
                        <input id="filVideo"  name="filVideo" type="file" accept="video/*" onchange="videoChange(this)">
                    </div>


                </div>
            </div>

        </div>
        <div class="row c-p-t-l">
            <div class="col-md-2 c-p-t text-right">
                介绍：
            </div>
            <div class="col-md-10">
                <textarea class="form-control" id="pictureDesc_input"></textarea>
            </div>
        </div>
    </div>
</div>
<div id="class-info" class="c-p-none " >
    <div class="c-p-p-all">
        <div class="c-p-video" id="videoDiv">
            <video id="video" class='video-js  vjs-default-skin' controls  preload='auto' poster='images/a.jpg' data-setup='{}'>
                <source src="./images/v.mp4" type="video/mp4">
            </video>
        </div>
        <div class="c-p-b-b c-p-p-all c-p-m-b clearfix">
            <div class="pull-left" >
                <label id="subhead"></label>
            </div>
            <!--<div class="pull-right">-->
                <!--2018-01-01-->
            <!--</div>-->
        </div>
        <p id="pictureDesc"></p>
        <!--<h5 class="text-success">-->
            <!--评论：-->
        <!--</h5>-->
        <!--<div>-->
            <!--<div class="media c-p-b-b c-p-b-l">-->
                <!--<div class="media-left">-->
                    <!--<a href="javascript:;">-->
                        <!--<img class="media-object c-p-img-suo" data-src="holder.js/64x64" alt="64x64" src="" data-holder-rendered="true" >-->
                    <!--</a>-->
                <!--</div>-->
                <!--<div class="media-body">-->
                    <!--<h5 class="media-heading">李白 &nbsp&nbsp&nbsp<small >2016-10-20</small></h5>-->
                    <!--为什么那么厉害啊-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="media c-p-b-b c-p-b-l">-->
                <!--<div class="media-left">-->
                    <!--<a href="javascript:;">-->
                        <!--<img class="media-object c-p-img-suo" data-src="holder.js/64x64" alt="64x64" src="" data-holder-rendered="true" >-->
                    <!--</a>-->
                <!--</div>-->
                <!--<div class="media-body">-->
                    <!--<h5 class="media-heading">李白 &nbsp&nbsp&nbsp<small >2016-10-20</small></h5>-->
                    <!--为什么那么厉害啊-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/metisMenu.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"> </script>
<script type="text/javascript" src="js/layer.js"></script>
<script type="text/javascript" src="js/video.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript"  src="js/bootstrap-table.min.js"></script>
<script  type="text/javascript" src="js/bootstrap-table-mobile.min.js"></script>
<script  type="text/javascript" src="js/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/manager/config.js"></script>
<script type="text/javascript" src="js/manager/yanbodating.js"></script>
</body>
</html>